<template>
  <div class="login">
    <h1>登录</h1>
    <div class="test ellipsis" v-trunced:trunced="trunced">测试省略号</div>
    <GlobalComponents />
    <button @click="userStore.increment">增加</button>
    <p>{{ userStore.count }}</p>
  </div>
</template>

<script setup>
import { ref, watch } from 'vue'
import useUserStore from '@/stores/modules/user'

defineOptions({
  name: 'LoginPage'
})
const userStore = useUserStore()
const trunced = ref(false)

watch(trunced, newValue => {
  console.log(newValue)
})
</script>

<style lang="scss" scoped>
.login {
  .test {
    width: 20%;
  }
}
</style>
